
.f-c() {
   display: flex;
   justify-content: center;
   align-items: center;
}

.box-shadow() {
    box-shadow: 0px .019324rem .036232rem rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px .019324rem .036232rem rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px .019324rem .036232rem rgba(0, 0, 0, 0.05);
}

.showItemWrap {
    .titleWrap {
       .f-c();
       justify-content: space-between;
       padding: 0 .57971rem;
       font-size: .338164rem;
       font-weight: bold;
       color: #333;
       height: .869565rem;
       .box-shadow();
       .time {
           color: #666;
           font-weight: normal;
       }
    }

    .showItem {
        .box-shadow();
        .f-c();
        box-sizing: border-box;
        padding: .483092rem;
        .itemLeft {
          height: 2.05314rem;
          width: 2.05314rem;
          img {
            width: 100%;
            height:100%;
            display: block;
          }
        }

        .itemRight {
          padding-left: .2657rem;
          width: 7.36715rem - .57971rem;
          color: #333333;
          font-weight: bold;
          font-size: .338164rem;
          align-self: flex-start;
          box-sizing: border-box;
          .brand {
            
          }
          .seondWarp {
            .f-c();
            justify-content: space-between;
            padding-top: .036232rem;
            .goodsDes {
              flex: 3;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              padding-top: .048309rem
            }
            .price {
              flex: 1;
              color: red;
              text-align: right;
            }
          } 
          .specWrap {
              .f-c();
             padding-top: .57971rem;
             justify-content: space-between;
             font-size: .289855rem;
             font-weight: normal;
             .spec {
               color: #666;
             }
             .num {
               color: #333;
               font-weight: bold;
             }
          }
        }
    }

}

.btn {
  :global {
    .am-search {
      height: 1.111111rem;
    }
    .am-search-input {
      height: .821256rem;
      border-radius: .410628rem;
      .am-search-synthetic-ph {
        line-height: .821256rem;
        text-align: left;
        padding-left: .483092rem;
      }
      .am-search-value {
        height: 100%;
      }
      .am-search-clear-show {
        top: 50%;
        transform: translateY(-50%);
      }
      .am-search-synthetic-ph-placeholder {
        font-size: .338164rem;
      }
    }
  }
}


/* 2021/3/5 */
.consumeWrap {
  background-color: #F2F2F2;
  width: 100%;
  min-height: 100vh;
}
.f-a() {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top_record {
  .f-a();
  height: 1.014493rem;
  background-color: #fff;
  font-size: .386473rem;
  font-family: "PingFang SC";
  font-weight: 500;
  color: #333333;
  padding: 0 .386473rem;
  margin-bottom: .072464rem;
  .top_count {
    color: 666;
    font-size: .338164rem;
  }
}

.container {
  width: 100%;
  box-sizing: border-box;
  font-family: "San Francisco Display";
  .c_item {
    padding: .386473rem;
    letter-spacing: .012077rem;
    background-color: #fff;
    margin-bottom: .241546rem;
    .item_top {
      color: #666;
      font-size: .338164rem;
      font-weight: 400;
      padding-bottom: .338164rem;
      .top_date {
        .f-a();
        span:last-child {
          padding-right: .193237rem;
        }
      }
      .order {
        padding: .120773rem 0;
      }
    }

    .item_middle {
      background: rgba(25, 201, 218, 0.15);
      border-radius: .289855rem;
      overflow: hidden;
      padding: .338164rem;
      font-size: .386473rem;
      .m_item {
        color: #333; 
        font-weight: 500;
        .m_item_title_price {
          .f-a();
          .title {
             font-size: .362319rem;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             padding-right: .483092rem;
           }
        }
        .m_item_spec_count {
          .f-a();
          padding-top: .096618rem;
          .spec{
            font-size: .289855rem;
            color: #666;
          }
        }
      }

      .m_item:not(:first-child) {
        padding-top: .603865rem;
      }
    }

    .item_bottom {
      color: #666;
      font-weight: bold;
      font-size: .338164rem;
      padding: .338164rem 0 0;
      .f-a();
      justify-content: flex-end;
      span {
        font-size: .410628rem;
        padding: 0 .338164rem 0 .869565rem;
      }
    }
  }
}
